<div ng-controller="goodsListCtrl">
    <div class="bg-light lter b-b wrapper-md ng-scope">
        <h4 class="m-n font-thin">商品管理</h4>
    </div>
    <div class="wrapper-md ng-scope">
        <div class="panel">
            <div class="row wrapper">
                <div class="col-sm-9">
                    <form class="form-inline ng-pristine ng-valid">
                        <div class="form-group">
                            <label class="control-label">商品名称</label>
                            <input type="text" class="input-sm form-control" ng-model="goodsListVO.name" placeholder="商品的名称">
                        </div>
                        <div class="form-group">
                            <label class="control-label">商品类型</label>
                            <select class="input-sm form-control" ng-model="goodsListVO.typeId" ng-options="item.id as item.fullName for item in types">
                                <option value="">全部</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label class="control-label">品牌名称</label>
                            <select class="input-sm form-control" ng-model="goodsListVO.brandId" ng-options="item.id as item.name for item in brands">
                                <option value="">全部</option>
                            </select>
                        </div>
                        <button class="btn btn-sm btn-default" ng-click="findPageAll()">查询</button>
                    </form>
                </div>
                <div class="col-sm-3">
                    <div class=" pull-right">
                        <button class="btn btn-sm btn-success" ng-click="exportGoodsList()" >导出产品列表</button>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="table-responsive pos-rlt">
                <table class="table table-striped b-t b-light pos-rlt">
                    <thead>
                        <tr>
                            <th width="20">
                                <label class="i-checks m-b-none">
                                    <input type="checkbox" ng-checked="isCheckedAll()" ng-click="checkAll($event)"><i></i>
                                </label>
                            </th>
                            <th>编号</th>
                            <th>图片/详情</th>
                            <th>库存/运费</th>
                            <th>品牌</th>
                            <th>经营类型</th>
                            <th>销售类型</th>
                            <th>推荐</th>
                            <th>让利(%)</th>
                            <th>状态</th>
                            <!--<th>更新时间</th>-->
                            <th width="200">操作</th>
                        </tr>
                    </thead>
                    <tbody>
                    <tr ng-if="list.length>0" ng-repeat="item in list" ng-init="initSelect()">
                        <td><label class="i-checks m-b-none"><input type="checkbox" name="post[]" ng-checked="isChecked(item)" ng-click="updateSelection($event,item)"><i></i></label></td>
                        <td>{{item.code}}</td>
                        <td>
                            <div class="inline">
                                <img src="img/default.png" ng-src="{{app.image.chainGoods}}{{item.fileName}}" err-src="img/error.png" style="height: 60px;width: 60px;" class="pull-left m-r-sm">
                                <div class="pull-left">
                                    <p class="block h5 font-bold m-b-xs">{{item.name}}</p>
                                    <p class="block h6 m-b-xs">类型:{{item.typeName}}</p>
                                    <p class="h6 m-b-xs" ng-if="item.isOpenSku==0">单价:{{item.price | number:2}}元</p>
                                    <p class="h6 m-b-xs" ng-if="item.isOpenSku==1">单价范围:{{item.skuRangePrice}}元</p>
                                    <p class="h6 m-b-xs">参考价:<del>{{item.referencePrice | number:2}}元</del></p>
                                </div>
                            </div>
                        </td>
                        <td>
                            <p class="h6 m-b-xs">商品库存:{{item.stock | number}}件</p>
                            <p class="h6 m-b-xs" ng-if="item.postageType==0">运费: 包邮</p>
                            <p class="h6 m-b-xs" ng-if="item.postageType==1">统一运费: {{item.postagePrice | number:2}}元</p>
                            <p class="h6 m-b-xs" ng-if="item.postageType==2">运费模板: 商家自定义模板</p>
                        </td>
                        <td>
                            <p>{{item.brandName}}</p>
                        </td>
                        <td>
                            <p ng-if="item.type==0" class="label bg-success h6">到店</p>
                            <p ng-if="item.type==1" class="label bg-warning h6">配送</p>
                            <p ng-if="item.type==2" class="label bg-info h6">直邮</p>
                            <p ng-if="item.type==3" class="label bg-primary h6">堂食</p>
                            <p ng-if="item.type==4" class="label bg-danger h6">预定</p>
                        </td>
                        <td>
                            SKU：<span ng-bind="{0:'未开启',1:'开启'}[item.isOpenSku]"></span><br>
                            分销：<span ng-bind="{0:'未开启',1:'开启'}[item.isOpenSell]"></span><br>
                            返利：<span ng-bind="{0:'未开启',1:'开启'}[item.isOpenRebate]"></span>
                        </td>
                        <td>
                            <span class="label bg-light" ng-class="{0:'bg-light',1:'bg-success'}[item.isRecommend]" ng-bind="{0:'未推荐',1:'已推荐'}[item.isRecommend]"></span>
                        </td>
                        <td>{{item.profit}}</td>
                        <td>
                            <span class="label bg-light dk" ng-class="{0:'bg-light',1:'bg-success'}[item.status]" ng-bind="{0:'下架',1:'上架',2:'待审核',3:'审核不通过',4:'审核通过'}[item.status]"></span>
                            <i class="m-l-xs fa fa-question-circle text-muted pos-rlt h6" popover-placement="top" popover="原因:{{item.auditFailDescription}}" popover-trigger="mouseenter" ng-if="item.status==3"></i>
                        </td>
                        <!--<td>-->
                            <!--<span class="h6">{{item.updatedTime}}</span>-->
                        <!--</td>-->
                        <td class="t-btns">
                            <a class="btn btn-sm btn-success" ui-sref="app.shopGoodsDetail({id:item.id})" target="_blank" ng-if="item.type!=4">查看</a>
                            <a class="btn btn-sm btn-success" ng-click="checkReserve(item.id)" target="_blank" ng-if="item.type==4">查看</a>
                            <div class="btn-group dropdown" dropdown="" ng-if="item.status!=2 && item.status!=3">
                                <button class="btn btn-sm btn-default" dropdown-toggle="" aria-haspopup="true" aria-expanded="false">更多 <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu">
                                    <li><a href="" ng-click="updateStatus(item.id,1)">上架</a></li>
                                    <li><a href="" ng-click="updateStatus(item.id,0)">下架</a></li>
                                </ul>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <div ng-if="list.length<=0 && !app.loading" class="padder-v text-center">
                    <span class="h6">~未搜索到任何数据~</span>
                </div>
                <div>
                    <circle-loading ng-if="app.loading"></circle-loading>
                </div>
            </div>
            <footer class="panel-footer">
                <div class="row">
                    <div class="col-sm-offset-4 col-sm-4 text-center">
                        <small class="text-muted inline m-t-sm m-b-sm">显示第 {{startRow}} 至 {{endRow}} 项结果，共 {{totalItems}} 项</small>
                    </div>
                    <div class="col-sm-4 text-right text-center-xs">
                        <pagination boundary-links="true" total-items="totalItems" ng-model="currentPage"
                                    ng-change="pageChanged()" max-size="{{maxPageRow}}" class="pagination-sm m-t-none m-b"
                                    previous-text="上一页" next-text="下一页"
                                    first-text="首页" last-text="尾页"></pagination>
                    </div>
                </div>
            </footer>
        </div>
    </div>

</div>